# Accordion

## Installation
`npm i @snack-uikit/accordion`

[Changelog](./CHANGELOG.md)

## Example 

```tsx
import { AccordionPrimary } from '@snack-uikit/accordion'

function Example() {

// ...some actions

return (
  <AccordionPrimary >
    <AccordionPrimary.CollapseBlock title={title} description={description} actions={actions}>
      <Content />
    </AccordionPrimary.CollapseBlock>

    <AccordionPrimary.CollapseBlock title={title} description={description} actions={actions}>
      <Content />
    </AccordionPrimary.CollapseBlock>
  </AccordionPrimary>
)}
```



[//]: DOCUMENTATION_SECTION_START
[//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
## AccordionPrimary
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| children* | `ReactElement<CollapseBlockProps, string \| JSXElementConstructor<any>> \| ReactElement<CollapseBlockProps, string \| JSXElementConstructor<...>>[]` | - | Вложенный контент |
| className | `string` | - | CSS-класс |
| expandedDefault | `string \| string[]` | - | Начальное состояние |
| expanded | `string \| string[]` | - | Controlled состояние |
| onExpandedChange | `((value: string) => void) \| ((value: string[]) => void)` | - | Controlled обработчик измения состояния |
| selectionMode | "single" \| "multiple" | - | Режим работы аккордиона |
## AccordionSecondary
### Props
| name | type | default value | description |
|------|------|---------------|-------------|
| children* | `ReactElement<CollapseBlockProps, string \| JSXElementConstructor<any>> \| ReactElement<CollapseBlockProps, string \| JSXElementConstructor<...>>[]` | - | Вложенный контент |
| className | `string` | - | CSS-класс |
| expandedDefault | `string \| string[]` | - | Начальное состояние |
| expanded | `string \| string[]` | - | Controlled состояние |
| onExpandedChange | `((value: string) => void) \| ((value: string[]) => void)` | - | Controlled обработчик измения состояния |
| selectionMode | "single" \| "multiple" | - | Режим работы аккордиона |


[//]: DOCUMENTATION_SECTION_END
